<template>
	<div class="weui-tabbar footer">
	    <a href="index.html?type=index" class="weui-tabbar__item" id="index">
	        <span style="display: inline-block;position: relative;">
	            <img src="./img/home.png" alt="" class="weui-tabbar__icon">
	            <img src="./img/homeA.png" alt="" class="weui-tabbar__icon acitve">
	            <!-- <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span> -->
	        </span>
	        <p class="weui-tabbar__label">首页</p>
	    </a>
	    <a href="vip.html?type=vip" class="weui-tabbar__item" id="vip">
	        <img src="./img/vipLogo.png" alt="" class="weui-tabbar__icon">
	        <img src="./img/vipLogoA.png" alt="" class="weui-tabbar__icon acitve">
	        <p class="weui-tabbar__label">会员杂锦</p>
	    </a>
	     <a href="classfiy.html?type=classfiy" class="weui-tabbar__item" id="classfiy">
	        <img src="./img/classfiy.png" alt="" class="weui-tabbar__icon">
	        <img src="./img/classfiyA.png" alt="" class="weui-tabbar__icon acitve">
	        <p class="weui-tabbar__label">分类</p>
	    </a>
	     <!-- href="buyCar.html?type=buyCar" -->
	    <a class="weui-tabbar__item" id="buyCar" @touchend="click('buyCar.html?type=buyCar')">
	        <span style="display: inline-block;position: relative;">
	            <img src="./img/buyCarLogo.png" alt="" class="weui-tabbar__icon">
	            <img src="./img/buyCarLogoA.png" alt="" class="weui-tabbar__icon acitve">
	            <!-- <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span> -->
	        </span>
	        <p class="weui-tabbar__label">购物车</p>
	    </a>
	    <a  class="weui-tabbar__item" id="me" @touchend="click('me.html?type=me')">
	        <img src="./img/meLogo.png" alt="" class="weui-tabbar__icon">
	        <img src="./img/meLogoA.png" alt="" class="weui-tabbar__icon acitve">
	        <p class="weui-tabbar__label">我的</p>
	    </a>
	</div>
</template>
<script>
	export default {
		ready:function(){
		},
		methods:{
			click:function(str){
				if (localStorage.getItem("username") == null) {
					location.href = "login.html";
					return;
				}else{
					location.href = str;
				}	
			},
		} 
		
	}
</script>
<style scoped>
	.footer{
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000px;
	}
	.acitve{
		display: none;
	}
	.weui-tabbar{
		background-color: white;
	}
	.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
		color: #f39612!important;
	}

</style>
